html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}

img {
  vertical-align: middle;
  border-style: none;
}

@font-face {
  font-family: 'LexendDecaSemiBold';
  src: url('./LexendDeca-SemiBold.ttf');
}

@font-face {
  font-family: 'LexendDecaLight';
  src: url('./LexendDeca-Light.ttf');
}

a:hover,
a:active,
a {
  text-decoration: none;
}

a {
  color: inherit;
}

p,
div {
  margin: 0;
  padding: 0;
}

.clear:after {
  display: table;
  content: '';
  clear: both;
}

.navMenu {
  display: inline-flex;
  list-style: none;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}

.navMenu>div {
  margin-right: 50px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
}

.navMenu>div.active {
  color: #000;
}

.menu-icon {
  margin-right: 10px;
}

.landingPageBox {
  background-color: #F7F9FC;
}

.headerBox {
  background-color: rgba(255, 255, 255, 0.87);
  display: flex;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 150px;
  padding-right: 150px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: inherit;
  z-index: 1000;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

.banner1TitleBox {
  text-align: center;
}

.banner1TitleBox .detailImgBox {
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.banner1TitleBox .aiTitleDetailMin1 {
  width: 25px;
  height: auto;
}

.banner1TitleBox .aiTitleDetailMin2 {
  width: 43px;
  height: auto;
}

.sectionBg {
  position: relative;
  background-color: #fff;
}

.headerLeft {
  flex: 1;
  cursor: pointer;
}

.aiDownIcon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.logoIcon {
  width: 178px;
  height: auto;
}

.globalIcon {
  position: relative;
  top: 1px;
}

.loginBtn,
.lang-button {
  height: 42px;
  border-radius: 28px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lang-button {
  color: #000000;
  width: 145px;
  display: inline-flex;
  align-items: center;
  border-width: 2px;
  border-style: solid;
  border-color: #E8E8E8;
  margin-right: 30px;
}

.loginBtn {
  background-color: #005EFF;
  color: #fff;
}

.sectionHead {
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.sectionHead img {
  width: 2500px;
}

.navMenuDropList a,
.newNavMenu,
.newNavMenu a {
  text-decoration: none;
  color: #000;
  font-size: 15px;
}

.sectionCont {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  position: absolute;
  align-items: center;
  padding-top: 200px;
}

.tryTxt,
.aiPrivacyTxt,
.aiPrivacyTit,
.detailPartTit,
.detailTotalTit,
.originTxt {
  color: #000000;
}

.expTxt {
  line-height: normal;
  color: rgba(0, 0, 0, 0.3);
}

.originTxt {
  font-size: 52px;
  font-weight: 600;
  line-height: normal;
}

.expTxt {
  font-size: 22px;
  margin-top: 18px;
}

.aiTitleDetail1 {
  width: 55px;
  height: 72px;
}

.aiTitleDetail2 {
  width: 203px;
  height: 21px;
}

.detailTotalTit {
  font-size: 44px;
  margin-left: 8px;
  font-weight: bold;
}

.detailPart {
  display: flex;
  justify-content: center;
  padding-top: 140px;
}

.detailPart6.fr,
.detailPart6.de,
.detailPart6.es {
  padding-bottom: 140px;
}

.detailPart>div:first-child {
  margin-right: 150px;
}

.detailPart5 {
  flex-direction: column;
  align-items: center;
}

.detailPart5 .detailPartTxtBox {
  width: 1100px;
  max-width: inherit;
  min-width: inherit;
  margin-right: 0 !important;
  margin-bottom: 30px;
}

.privacyLink {
  white-space: nowrap;
  color: #005EFF;
}

.detailPartTit {
  font-size: 37px;
  font-weight: 500;
  margin-bottom: 16px;
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 10;
  line-height: normal;
}

.detailPartTit a {
  color: inherit;
}

.detailPartTit span {
  white-space: nowrap;
  position: absolute;
  display: contents;
}

.detailPartTxt {
  line-height: 1.7;
  font-size: 19px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

.nav,
.pointer {
  cursor: pointer;
}

.nav a:hover {
  color: rgba(0, 94, 255, 0.8);
}

.articleArrow {
  width: 22px;
  height: 22px;
  position: relative;
  top: 3px;
}

.detailPartTxt i {
  font-style: normal;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
}

.detailTotalTitBox {
  width: fit-content;
  position: relative;
  padding-top: 140px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.aiTitleDetail2 {
  position: absolute;
  top: 96%;
  left: 27px;
}

.detailTotalTitFlex {
  display: flex;
  align-items: center;
}

.detailPartTxtBox {
  max-width: 530px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.aiDetail4,
.aiDetail3,
.aiDetail2,
.aiDetailAdd5,
.aiDetail1 {
  width: 420px;
  height: auto;
}

.aiDetail5 {
  width: 1100px;
  height: 638px;
}

.aiPrivacyBox {
  padding: 180px 15%;
  margin: 0 auto;
}

.tryWriterBox .tryWriterIcon {
  width: 102px;
}

.landingPageBox .tryWriterBox {
  border: none !important;
  border-radius: 30px;
  width: 370px;
  height: 60px;
  margin-top: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tryForeignBox {
  margin-top: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 60px;
}

.tryForeignBox a {
  height: 100%;
}

.tryTxt {
  font-size: 19px;
  flex: 1;
  margin-left: 19px;
  display: none;
}

.tryBtn {
  font-size: 16px;
  color: #fff;
  padding: 0 32px;
  height: calc(100% - 14px);
  margin-right: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background-color: #005EFF;
}

.aiPrivacyCont {
  position: relative;
  background-color: #fff;
  padding: 78px 10%;
  text-align: center;
  border-radius: 30px;
}

.aiPrivacyTit {
  font-size: 37px;
  font-weight: 500;
  margin-bottom: 14px;
}

.aiPrivacyTxt {
  font-size: 15px;
  line-height: 1.8;
  position: relative;
  z-index: 100;
}

.aiPrivacyL {
  position: absolute;
  left: 0;
  top: 0;
  width: 117px;
  height: 213px;
  border-top-left-radius: 30px;
}

.aiPrivacyR {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 158px;
  height: auto;
  border-bottom-right-radius: 30px;
}
.sectionContLang {
  text-align: center;
  line-height: 1.2;
}

.animateMenu {
  width: fit-content;
  height: 30px;
  border-radius: 15px;
  background-color: #F3F7FF;
  padding: 3px 0;
  position: absolute;
  right: 42%;
  bottom: 47%;
  z-index: 20;
  display: flex;
  justify-content: center;
}

.animateMenu ul {
  border-radius: 15px;
  width: calc(100% - 6px);
  margin: 0 3px;
  height: 100%;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animateMenu li {
  height: 100%;
}

.animateMenu li button.active {
  color: #005EFF;
  background-color: #fff;
}

.animateMenu li button {
  transition: all 0.4s ease-in;
  font-size: 12px;
  background-color: inherit;
  border-radius: 13px;
  color: rgba(0, 0, 0, 0.3);
  height: 100%;
  border: none;
  cursor: pointer;
  padding: 0 10px;
  font-weight: bold;
}

.banner_1 {
  position: absolute;
  bottom: 191px;
  left: 27.5%;
  z-index: 20;
}

.banner_1,
.banner_1 img {
  width: 234px;
  height: 256px;
}

.carouselBox2 {
  width: 601px;
  height: 470px;
  position: absolute;
  bottom: 20px;
  left: 33.5%;
  z-index: 10;
}

.sectionHead .carouselBox2 .banner_2 {
  width: 601px;
  height: 470px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.carouselBox3 {
  width: 320px;
  height: 520px;
  position: absolute;
  bottom: 59px;
  right: 28.05%;
  z-index: 10;
}

.sectionHead .carouselBox3 .banner_3 {
  width: 320px;
  height: 520px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.landingPageBox.ja .expTxt,
.landingPageBox.jp .expTxt,
.landingPageBox.ko .expTxt,
.landingPageBox.kr .expTxt {
  display: none;
}

.landingPageBox.ja .tryWriterBox,
.landingPageBox.jp .tryWriterBox,
.landingPageBox.ko .tryWriterBox,
.landingPageBox.kr .tryWriterBox {
  width: 450px;
}

.landingPageBox.es .tryWriterBox {
  width: 500px;
}

.landingPageBox.de .tryWriterBox,
.landingPageBox.en .tryWriterBox,
.landingPageBox.fr .tryWriterBox {
  width: 550px;
}

.gradient {
  background: linear-gradient(to bottom, #ffffff, #F7F9FC);
}
.mobileMenuDropList .mActiveNav a,
.activeNav a,
.newNavMenu .active a {
  color: #005EFF;
}

.sectionTitIdx {
  font-style: normal;
  margin-right: 8px;
  font-size: 42px;
  position: relative;
  top: 1px;
}

.landingPageBox.en .sectionTitIdx,
.landingPageBox.fr .sectionTitIdx,
.landingPageBox.de .sectionTitIdx,
.landingPageBox.es .sectionTitIdx {
  top: 0;
}

.landingPageBox.de .detailPartTit {
  align-items: baseline;
}

.detailImgBox {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.landingPageBox .detailTotalTitBox .detailTotalTitFlex .detailTotalTit .notZhNum {
  margin-right: 10px;
  font-size: 46px;
}

.aiTitleDetailMin2 {
  display: none;
  width: 83px;
  height: 14px;
  margin-top: 11px;
}

.landingPageBox.en .aiTitleDetailMin2,
.landingPageBox.fr .aiTitleDetailMin2,
.landingPageBox.de .aiTitleDetailMin2,
.landingPageBox.es .aiTitleDetailMin2 {
  display: inline-block;
}

.landingPageBox:not(.zhHant) .detailTotalTit,
.landingPageBox:not(.zhHans) .detailTotalTit {
  font-size: 40px;
}

.landingPageBox:not(.zhHans) .aiPrivacyTit,
.landingPageBox:not(.zhHant) .aiPrivacyTit,
.landingPageBox:not(.zhHans) .detailPartTit,
.landingPageBox:not(.zhHant) .detailPartTit,
.landingPageBox:not(.zhHans) .originTxt,
.landingPageBox:not(.zhHant) .originTxt {
  font-family: 'LexendDecaSemiBold';
}

.landingPageBox.zhHant .detailTotalTit,
.landingPageBox.zhHans .detailTotalTit {
  font-family: inherit;
}

.landingPageBox .expTxt.interExpTxt {
  font-size: 20px;
  display: block;
}

.expTxt {
  font-family: 'LexendDecaLight';
}

.headerRight {
  display: inline-flex;
  align-items: center;
}

.user-button {
  margin-left: 30px;
}

.mobileShow {
  display: none;
}

.mobileTip {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.3);
  position: relative;
  top: 1px;
}

.detailPart {
  padding-left: 30px;
  padding-right: 30px;
}

.arrowArticle,
.recomArrow {
  width: 12px;
  height: 12px;
}

.articlesTitle a,
.articlesTitle {
  font-size: 37px;
  color: #000;
  font-weight: 500;
}

.articlesTop {
  display: flex;
  margin-bottom: 30px;
  position: relative;
  top: -10px;
  align-items: flex-end;
}

.articlesDesc {
  flex: 1;
  font-size: 19px;
  color: rgba(0, 0, 0, 0.5);
}

.moreArticles {
  display: flex;
  font-weight: bold;
  align-items: center;
  padding: 0 14px;
  font-size: 13px;
  color: #000;
  position: relative;
  z-index: 10;
  border-radius: 30px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.05);
}
.moreArticles a{
  cursor: pointer;
  padding: 8px 0;
}

.articleImg {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
  max-height: 180px;
}

.newsBox .articleImgBox {
  position: relative;
  height: 100%;
  max-height: 180px;
}

.articleTag {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
  padding: 3px 10px;
  color: #fff;
  border-radius: 6px;
  background-color: #005EFF;
}

.articleTitle {
  margin-top: 14px;
  color: #000;
  font-size: 17px;
  height: fit-content;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.articleLi,
.articleUl {
  margin: 0;
  padding: 0;
}

.articleUl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.newsBox .articleLi {
  display: block;
}

.articleLi {
  cursor: pointer;
  list-style: none;
  width: 31%;
  margin-right: 3.5%;
}

.articleLi:last-child {
  margin-right: 0;
}

.detailPart.detailPart5 {
  padding-bottom: 50px;
}

.articlesBox {
  max-width: 1160px;
  margin: 0 auto;
  margin-top: 90px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.articlesBox.newsBox {
  margin-top: 0px;
  margin-bottom: 150px;
}

.aiPrivacyBox.recommend .recomTxt {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.5);
}

.rewardDetails a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: inherit;
  cursor: pointer;
  padding: 10px 0;
}

.rewardDetails {
  width: fit-content;
  font-size: 14px;
  padding: 0 20px;
  color: #fff;
  border-radius: 20px;
  background-color: #005EFF;
  margin: 20px auto 0 auto;
  display: inline-flex;
  align-items: center;
}

.privacyBox {
  text-align: center;
  padding: 50px 15% 180px 15%;
}

.statePrivacy {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 70px 15%;
}

.logoBotIcon {
  width: 148px;
  height: auto;
}

.articleDetailBtn {
  color: #005EFF;
  font-size: 19px;
  cursor: pointer;
  padding-top: 7px;
}

.articleDetailBtn img {
  width: 16px;
  height: 16px;
}
.rgt {
  margin-left: 20px;
}

.aboutArrow {
  width: 12px;
  height: 12px;
  position: relative;
  top: -1px;
}

.sixDetail {
  width: 43px;
  height: auto;
  position: relative;
  top: -14px;
}

.newsBox .articlesDesc,
.newsBox .articlesTitle {
  text-align: center;
}

.newsBox .articlesDesc {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
}

.dropDownList {
  background-color: #fff;
  padding: 6px 16px;
  list-style: none;
  border-radius: 12px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.dropDownList li {
  padding: 8px 0;
}

.openList {
  position: relative;
}

.navMenuDropList {
  position: absolute;
  top: 100%;
  left: -15px;
  display: none;
}

.loginBtn a {
  padding: 0 24px;
  white-space: nowrap;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mobileMoreIcon {
  width: 16px;
  height: 16px;
  padding: 6px;
  cursor: pointer;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.05);
}

.mobileMenuDropList {
  display: none;
  text-align: center;
  position: absolute;
  width: 60px;
  right: 5%;
  padding: 6px 20px;
}
.mobileMenuDropList.fr,
.mobileMenuDropList.de,
.mobileMenuDropList.es{
  width: 94px;
}

.mobileMenuDropList a {
  color: #000;
  font-size: 14px;
  cursor: pointer;
}

@media screen and (max-width: 1700px) {
  .aiPrivacyBox {
    padding: 130px 10%;
  }

  .privacyBox {
    padding: 50px 10% 180px 10%;
  }

  .statePrivacy {
    padding: 90px 15%;
  }
}

@media screen and (max-width: 1600px) {
  .aiPrivacyBox {
    padding: 130px 8%;
  }

  .privacyBox {
    padding: 50px 8% 180px 8%;
  }

  .statePrivacy {
    padding: 90px 8%;
  }

  .headerBox {
    padding-left: 120px;
    padding-right: 120px;
  }
}

@media screen and (max-width: 1500px) {
  .aiPrivacyBox {
    padding: 130px 5%;
  }

  .privacyBox {
    padding: 50px 5% 180px 5%;
  }

  .statePrivacy {
    padding: 90px 5%;
  }
}

@media screen and (max-width: 1300px) {
  .headerBox {
    padding-left: 100px;
    padding-right: 100px;
  }

  .sectionHead .aiBanner {
    width: 192%;
    position: relative;
    left: -49%;
    margin-top: auto;
  }

  .bannerAnimateBox,
  .sectionBg {
    display: flex;
    flex-direction: column;
    height: 1090px;
    position: relative;
  }

  .carouselBox2,
  .carouselBox3,
  .carouselBox2 .banner_2,
  .carouselBox3 .banner_3 {
    user-select: none;
    -webkit-user-select: none;
  }

  .animateMenu {
    right: 38%;
    top: 53%;
    bottom: auto;
  }

  .banner_1 {
    width: 17%;
    height: auto;
    left: 2%;
    bottom: 14%;
  }

  .banner_1 img {
    width: 100%;
    height: 100%;
  }

  .carouselBox2 {
    width: 50%;
    height: auto;
    left: 14.5%;
    bottom: 0;
    max-width: 600px;
    min-height: 465px;
  }

  .carouselBox3 {
    width: 25%;
    height: auto;
    max-width: 320px;
    min-height: 480px;
    right: 11%;
  }

  .carouselBox2 .banner_2 {
    width: 99%;
    height: auto;
    max-height: 470px;
  }

  .carouselBox3 .banner_3 {
    width: 97%;
    height: auto;
  }

  .aiPrivacyBox {
    padding: 130px 2%;
  }

  .privacyBox {
    padding: 50px 2% 180px 2%;
  }

  .statePrivacy {
    padding: 50px 2%;
  }
}

@media screen and (max-width: 1250px) {
  .animateMenu {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .aiPrivacyBox {
    padding: 130px 30px;
  }

  .tryWriterBox {
    border: 1px solid #f8f8f8;
  }
}

@media screen and (max-width: 1150px) {
  .aiPrivacyBox {
    padding: 130px 10px;
  }
}

@media screen and (max-width: 1120px) {
  .aiPrivacyBox {
    padding: 130px 0;
  }
}

@media screen and (max-width: 1100px) {
  .headerBox {
    padding-left: 60px;
    padding-right: 60px;
  }

  .detailPart {
    padding-top: 130px;
  }

  .detailPart6.fr,
  .detailPart6.de,
  .detailPart6.es {
    padding-bottom: 130px;
  }

  .detailTotalTitBox {
    padding-top: 130px;
  }

  .detailPartImg .aiDetailAdd5,
  .detailPartImg .aiDetail1,
  .detailPartImg .aiDetail2,
  .detailPartImg .aiDetail3,
  .detailPartImg .aiDetail4 {
    width: 400px;
    height: auto;
  }

  .detailPartImg .aiDetail5 {
    width: 100%;
    height: auto;
  }

  .detailPart5 .detailPartTxtBox {
    width: calc(1100px - 40px);
    margin-right: auto !important;
  }

  .aiPrivacyBox {
    width: 1100px;
    padding: 130px 0;
  }

  .aiPrivacyCont {
    padding: 78px 10%;
  }
}

.minScreenbanner {
  display: none;
}

@media screen and (max-width: 1000px) {
  .headerBox {
    padding-left: 30px;
    padding-right: 30px;
  }
}


@media screen and (max-width: 900px) {
  .articlesBox.newsBox {
    margin-bottom: 100px;
  }


  .articleArrow {
    width: 18px;
    height: 18px;
    top: 0px;
  }

  .sixDetail {
    top: -5px;
  }

  .detailPart,
  .detailTotalTitBox {
    padding-top: 130px;
  }

  .sectionBg {
    padding-top: 50px;
  }

  .privacyBox {
    padding: 50px 30px 180px 30px;
  }

  .statePrivacy {
    padding: 50px 30px;
  }

  .articleTag {
    font-size: 10px;
    padding: 1px 5px;
  }

  .sectionHead .aiBanner {
    width: 192%;
    position: relative;
    left: -49%;
    height: auto;
    margin-top: 0;
  }

  .bannerAnimateBox,
  .sectionBg {
    height: auto;
  }

  .originTxt {
    font-size: 40px;
  }

  .expTxt {
    font-size: 20px;
  }

  .minScreenbanner {
    display: block;
  }

  .landingPageBox .expTxt.interExpTxt,
  .animateMenu,
  .empty_banner,
  .banner_1,
  .carouselBox2,
  .carouselBox3 {
    display: none;
  }

  .sectionCont {
    padding-top: 130px;
  }

  .banner_1 {
    bottom: 93px;
    left: 4.5%;
  }

  .banner_1,
  .banner_1 img {
    width: 107px;
    height: auto;
  }

  .carouselBox2 {
    width: 512px;
    left: 14.5%;
  }

  .sectionHead .carouselBox2 .banner_2 {
    width: 512px;
    height: auto;
  }

  .carouselBox3 {
    width: 132px;
    right: 4.5%;
  }

  .sectionHead .carouselBox3 .banner_3 {
    width: 132px;
    height: auto;
  }

  .tryWriterBox {
    width: 400px;
    margin-top: 30px;
  }

  .landingPageBox .detailTotalTitBox .detailTotalTitFlex .detailTotalTit .notZhNum,
  .landingPageBox:not(.zhHans) .detailTotalTit,
  .landingPageBox:not(.zhHant) .detailTotalTit {
    font-size: 25px;
  }

  .aiTitleDetail1 {
    width: 30px;
    height: auto;
  }

  .aiTitleDetail2 {
    width: 105px;
    height: auto;
  }

  .detailPartImg .aiDetailAdd5,
  .detailPartImg .aiDetail1,
  .detailPartImg .aiDetail2,
  .detailPartImg .aiDetail3,
  .detailPartImg .aiDetail4 {
    width: 350px;
    height: auto;
  }

  .detailPart>div:first-child {
    margin-right: 50px;
  }

  .sectionTitIdx {
    font-size: 29px;
    top: 2px;
  }

  .detailPartTit {
    font-size: 25px;
  }

  .detailPartTxt {
    font-size: 18px;
  }

  .detailPartImg .aiDetail5 {
    width: 100%;
    height: auto;
  }

  .detailPart5 .detailPartTxtBox {
    width: 100%;
  }

  .aiPrivacyBox {
    padding: 130px 30px;
    width: auto;
  }

  .aiPrivacyTit,
  .articlesTitle a {
    font-size: 30px;
  }

  .aiPrivacyTit {
    position: relative;
    z-index: 1;
  }

  .aiPrivacyL {
    width: 87px;
    height: auto;
  }

  .aiPrivacyR {
    width: 100px;
    height: auto;
  }

  .aiPrivacyCont {
    padding: 48px 6% 48px 6%;
  }
}

@media screen and (max-width: 850px) {

  .detailPartImg .aiDetailAdd5,
  .detailPartImg .aiDetail1,
  .detailPartImg .aiDetail2,
  .detailPartImg .aiDetail3,
  .detailPartImg .aiDetail4 {
    width: 300px;
    height: auto;
  }
}

@media screen and (max-width: 760px) {
  .headerBox .newNavMenu>div:first-child {
    display: none;
  }
}

@media screen and (max-width: 700px) {

  .detailPartImg .aiDetailAdd5,
  .detailPartImg .aiDetail1,
  .detailPartImg .aiDetail2,
  .detailPartImg .aiDetail3,
  .detailPartImg .aiDetail4 {
    width: 250px;
    height: auto;
  }

  .sectionCont {
    padding-top: 80px;
  }
}

@media screen and (max-width: 680px) {
  .headerBox .newNavMenu>div:nth-child(2) {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .articlesBox.newsBox {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .newsBox .articleUl {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .newsBox .articleLi {
    width: 100%;
    display: flex;
  }

  .tryWriterBox .tryBtn,
  .tryWriterBox {
    display: none;
  }

  .navMenu {
    display: none;
  }

  .landingPageBox .expTxt.interExpTxt {
    display: block;
  }

  .expTxt {
    margin-top: 12px;
  }

  .sectionBg {
    padding-top: 106px;
  }

  .inter .sectionBg {
    padding-top: 147px;
  }

  .mobileShow {
    display: inline-block;
  }

  .tryForeignBox,
  .banner_1,
  .carouselBox2,
  .carouselBox3,
  .aiPrivacyR,
  .aiPrivacyL,
  .loginBtn,
  .user-button,
  .lang-button,
  .tryWriterBox {
    display: none;
  }

  #section1 .sectionCont {
    padding-top: 106px;
    width: 100%;
  }

  .inter #section1 .sectionCont {
    padding-top: 114px;
  }

  .landingPageBox.ja .sectionContLang,
  .landingPageBox.jp .sectionContLang,
  .landingPageBox.fr .sectionContLang,
  .landingPageBox.en .sectionContLang,
  .landingPageBox.es .sectionContLang,
  .landingPageBox.de .sectionContLang {
    max-width: 90%;
  }

  .landingPageBox.de .tryWriterBox,
  .landingPageBox.es .tryWriterBox,
  .landingPageBox.fr .tryWriterBox {
    width: 80%;
  }

  .detailPartImg .aiDetail5 {
    width: 90%;
  }

  .landingPageBox {
    overflow-x: hidden;
  }

  .headerBox {
    padding: 3% 5%;
  }

  .logoIcon {
    width: 120px;
    height: auto;
  }

  .lang-button {
    font-size: 12px;
    width: fit-content;
    height: auto;
  }

  .loginBtn {
    font-size: 12px;
    padding: 1% 5%;
    margin-left: 5%;
    height: auto;
  }

  .headerRight {
    display: inline-flex;
    padding-right: 14px;
  }

  .originTxt {
    font-size: 28px;
    margin: 0 5%;
    text-align: center;
  }

  .tryForeignBox {
    margin-top: 15px;
  }

  .expTxt.interExpTxt {
    margin: 6px 5% 0 5%;
    text-align: center;
  }

  .articleDetailBtn,
  .expTxt.interExpTxt,
  .expTxt {
    font-size: 14px;
  }

  .sectionCont {
    padding-top: 130px;
  }

  .landingPageBox .detailTotalTitBox .detailTotalTitFlex .detailTotalTit .notZhNum,
  .landingPageBox:not(.zhHans) .detailTotalTit,
  .landingPageBox:not(.zhHant) .detailTotalTit,
  .detailTotalTit {
    font-size: 22px;
    text-align: center;
  }

  .newsBox .articlesDesc {
    left: 0;
    transform: none;
    text-align: left;
  }

  .newsBox .articlesTitle {
    text-align: left;
  }

  .newsBox .articlesTitle a {
    font-size: 22px;

  }

  .aiTitleDetail1 {
    width: 18px;
    height: auto;
    margin-right: -2%;
    position: relative;
    top: -5px;
  }

  .interZhant .aiTitleDetail1 {
    margin-right: 0%;
    top: -3px;
  }

  .aiTitleDetail2 {
    width: 103px;
    height: auto;
    display: none;
  }

  .detailPart {
    flex-direction: column;
    padding-top: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .detailPart6.fr,
  .detailPart6.de,
  .detailPart6.es {
    padding-bottom: 80px;
  }

  .detailPart.detailPart1 {
    padding-top: 50px;
  }

  .detailPartTxtBox,
  .detailPart>div:first-child {
    margin-right: 5% !important;
    margin-left: 5%;
    margin-bottom: 20px;
  }

  .detailPart.detailPart6>div:first-child {
    margin-bottom: 50px;
  }

  .sectionTitIdx {
    font-size: 23px;
    top: 1px;
  }

  .detailPartTit {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .detailPartTxt {
    font-size: 15px;
  }

  .detailPartImg {
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }

  .detailPartImg img {
    width: 70%;
    height: auto;
  }

  .detailPart5 .detailPartTxtBox,
  .detailPartImg .mobileAiDetail5 {
    width: calc(100% - 40px);
  }

  .aiPrivacyTit {
    font-size: 22px;
    margin-bottom: 13px;
  }

  .detailPart4,
  .detailPart2 {
    flex-direction: column-reverse;
  }

  .detailTotalTitBox {
    padding-top: 50px;
  }

  .aiPrivacyBox {
    padding: 30px 5%;
  }

  .aiPrivacyL {
    width: 57px;
    height: auto;
  }

  .aiPrivacyCont {
    padding: 14px;
    border-radius: 20px;
  }

  .aiPrivacyR {
    width: 88px;
    height: auto;
  }

  .aiPrivacyTxt {
    font-size: 13px;
  }

  .aiPrivacyCont .mobileShow {
    position: absolute;
    bottom: 0;
  }

  .mobileAiPrivacyL {
    width: 127px;
    height: 70px;
    left: 0;
  }

  .aiPrivacyCont {
    padding-top: 28px;
    padding-bottom: 70px;
  }

  .mobileAiPrivacyR {
    width: 102px;
    height: 97px;
    right: 0;
  }

  .detailPart.detailPart5,
  .detailPart.detailPart3 {
    padding-top: 60px;
  }

  .banner1TitleBox .aiTitleDetailMin1 {
    width: 15px;
  }

  .articlesBox {
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 10%);
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .articlesTitle {
    font-size: 22px;
  }

  .articlesDesc {
    font-size: 13px;
  }

  .moreArticles {
    padding:0 8px;
    font-size: 12px;
  }

  .articleUl {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .articleLi {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
    display: flex;
  }

  .articleLi a {
    display: flex;
  }

  .articleImg {
    border-radius: 6px;
  }

  .newsBox .articleImgBox {
    margin-right: 14px;
  }

  .newsBox .articleImgBox img {
    width: 110px;
    height: 73px;
    min-height: inherit;
  }

  .newsBox .articleTitle {
    font-size: 14px;
    margin-top: 0;
  }

  .articleTag {
    bottom: 0;
    left: calc(100% + 14px);
    display: inline-block;
    width: max-content;
    font-size: 9px;
    padding: 2px 5px;
    border-radius: 4px;
  }

  .articlesTop {
    margin-bottom: 14px;
  }

  .privacyBox {
    padding: 50px 5% 80px 5%;
  }

  .statePrivacy {
    padding: 50px 5%;
  }

  .aiPrivacyBox.recommend .recomTxt {
    font-size: 14px;
  }
  .rewardDetails {
    font-size: 12px;
    padding: 0 12px;
  }

  .articleArrow {
    width: 17px;
    height: 17px;
    top: 0px;
  }

  .detailPart6 {
    flex-direction: column-reverse;
  }
}